<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱奇艺</title>
    <link rel="stylesheet" href="./素材/CSS/style.css">
    <link rel="icon" href="./素材/images/logoIcon.png">
</head>
<body>
    <div class="header">
        <div class="logo">
             <img src="./素材/images/logo.png">
        </div>
        <div class="search">
            <div class="sinput">
                <input type="text" placeholder="我们的新时代">
                <div class="hot">
                    <img src="./素材/images/icon/hot.png">热搜榜
                </div>
                <span class="line"></span>
                <div class="sall">
                    <img src="./素材/images/search.png">搜全网
                </div>
                <div class="list">
                    <p class="list-title">热门搜索</p>
                    <ul>
                        <li><span>1</span><span>奇葩说</span></li>
                        <li><span>2</span><span>奥特曼</span></li>
                        <li><span>3</span><span>海贼王</span></li>
                        <li><span>4</span><span>大江大河</span></li>
                        <li><span>5</span><span>流金岁月</span></li>
                        <li><span>6</span><span>潮流合伙人</span></li>
                        <li><span>7</span><span>终极笔记</span></li>
                        <li><span>8</span><span>奔跑吧兄弟</span></li>
                        <li><span>9</span><span>木鱼</span></li>
                        <li><span>10</span><span>爱情公寓 </span></li>
                    </ul>
                </div>
            </div>
            <div class="smenu">
                <div class="VIP-box">
                  <div class="menu-icon">
                    <img src="./素材/images/icon/VIP-gold.png">
                    <span>vip</span>
                  </div>
                  <div class="vip-list">
                    <div class="list-top"></div>
                    <div class="list-left">
                        <p>
                            <img src="./素材/images/icon/VIP-lightgold.png">
                            <span>了解VIP会员特权</span>
                        </p>
                        <p>
                            <img src="./素材/images/gift.png">
                            <span>领取VIP会员福利</span>
                        </p>
                        <p>
                            <img src="./素材/images/diamond.png">
                            <span>做任务领取奖励</span>
                        </p>
                        <p>
                            <img src="./素材/images/award.png">
                            <span>星钻VIP享新权益</span>
                        </p>
                    </div>
                    <div class="list-right">
                        <img src="./素材/images/code.png">
                    </div>
                    <div class="list-bottom">
                        <p>登录</p>
                    </div>
                  </div>
                </div>
                <div class="menu-icon">
                    <img src="./素材/images/icon/game-white.png">
                    <span>游戏</span>
                </div>
                <div class="menu-icon">
                    <img src="./素材/images/icon/upload-white.png">
                    <span>上传</span>
                </div>
                <div class="menu-icon">
                    <img src="./素材/images/icon/TV-white.png">
                    <span>客户端</span>
                </div>
                <div class="menu-icon">
                    <img src="./素材/images/icon/bell-white.png">
                    <span>消息</span>
                </div>
                <div class="menu-icon">
                    <img src="./素材/images/icon/clock-white.png">
                    <span>看过</span>
                </div>
            </div>
            <div class="slogin">
                <img src="./素材/images/user.png">
                <span>登录</span>
                <div class="circle"></div>
            </div>
        </div>
    </div>
</body>
</html>